
	   <!-- 顶部区域 -->

   <div id="top">
        
   	  <div class="top_top">
   	    <!-- 顶部区域左侧 -->
	   	  	  <div class="top_city">
	   	  	  	 <span class="l-city">切换城市：</span>
	   	  	  	 <a href="" class="r-city">北京</a>
	   	  	  </div>

	           <div class="collection">
	                <a href="" class="sanjiaoxing"></a>
		   	  	  	<a href="" class="shoucang">收藏海尔商品</a>
		   	   </div>
        <!-- 顶部区域右侧 -->
             <ul class="top_right">
		                 <p>嗨，欢迎来到海尔官方商城 请</p>
		             	 <a href="">登录</a>
             	 <li class="top_li_right">
             	          <p>|</p>
		             	  <a href="" >免费注册</a><p> |</p>                        
		             	  <a href="" >我的订单</a><p> |</p>
		             	  <a href="" >服务中心</a><p> |</p>
		             	  <a href="" >互动社区</a><p> |</p>
		             	  <a href="" >海尔官网</a>
             	 </li>
             </ul>
   	  </div>
   	</div>  

 <!-- 顶部灰色区域结束 -->


 <!-- 搜索区域 -->

  <div id="seek">
  	  <div class="seek_seek">

          <!-- 左边海尔商标 -->
  	  	  <div class="seek_left">
  	  	  	  <div class="left_haier"></div>
  	  	  	  <div class="left_brand">
  	  	  	       <img src="./image/slogan.png" alt="" />
  	  	  	  </div>
  	  	  </div>
          
         
          <!-- 中间搜索区域 -->
          <div class="middle_seek">
                <!-- 搜索 -->
          	    <div class="_seek">

          	    	<form action="">
          	    		<input type="text" class="text" value="【全民爽购】" />
          	    		<input type="submit" value="" class="btn-search" />
          	    		<a href=""></a>
          	    	</form>

          	    </div>
	            <!-- 底部 -->
	            <div class="middle_bottom">
	            	<strong class="strong-title">热门搜索：</strong>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            </div>
          </div>



  	  </div>
  </div>



 <!-- 导航条 -->

	<div id="strip">
		<div class="s_strip">

			 <div class="classify">
			 	 <a href="">商品分类</a>
			 </div>


            <!-- 中间 -->
             <ul class="classify_content">

	             	<li class="li-mainnav">
	                    	<a href="">分类</a>
	             	</li>
	                <li class="li-mainnav">
	                    	<a href="">分类显示</a>
	             	</li>
	             	<li class="li-mainnav">
	                    	<a href="">分类</a>
	             	</li>
            </ul>


            <!-- 购物车 -->
            <div class="shopping">
	                <span class="s-shopping">购物车</span>
	             	<p class="nimi-cart-num ">0</p>
             </div>

             <!-- 隐藏区域内容 -->
             <div class="hide_shopping" style="display:none">
	                <span class="s-shopping">购物车</span>
	             	<p class="nimi-cart-num ">0</p>
             </div>






		</div>
	</div>




